<template>
  <div class="content">
    <!-- <div>
      <v-parser :html="question.content"></v-parser>
    </div> -->

    <!-- <div class="u-m-t-32 u-m-b-32">
      <u-alert-tips
        type="info"
        title="提示"
        description="此题无须作答, 不计分"
      ></u-alert-tips>
    </div> -->
    <!-- 答案 & 解析 -->
    <view v-if="isShowAnswer">
      <view class="u-m-t-24 u-font-lg">
        <text class="u-m-r-12 u-content-color">解析:</text>
        <div v-if="question.answer" class="u-m-b-24">
          <v-parser :html="question.answer"></v-parser>
        </div>
        <text v-else class="u-main-color"> 暂无解析~ </text>
      </view>
    </view>
  </div>
</template>

<script>
import VParser from "@/components/jyf-parser/jyf-parser"

export default {
  components: {
    VParser,
  },
  props: {
    question: {
      type: Object,
      default: () => {
        return {}
      },
    },
    isShowAnswer: {
      type: Boolean,
      default: true,
    },
  },
}
</script>

<style lang="scss" scoped>
.content {
  font-size: 32rpx;

  color: #2c3e50;
}
</style>
